 <div class="panel panel-default ">
    <!-- Start .panel -->
    <div class="panel-heading">
        <h5>   All available icons (bootstrap)</h5>
    </div>
    <div class="panel-body">
        <div class="row">
            <div class="bs-glyphicons col-lg-3">
                <i class="glyphicon glyphicon-asterisk"> glyphicon-asterisk </i>
                <i class="glyphicon glyphicon-plus"> glyphicon-plus </i>
                <i class="glyphicon glyphicon-euro"> glyphicon-euro </i>
                <i class="glyphicon glyphicon-eur"> glyphicon-eur </i>
                <i class="glyphicon glyphicon-minus"> glyphicon-minus </i>
                <i class="glyphicon glyphicon-cloud"> glyphicon-cloud </i>
                <i class="glyphicon glyphicon-envelope"> glyphicon-envelope </i>
                <i class="glyphicon glyphicon-pencil"> glyphicon-pencil </i>
                <i class="glyphicon glyphicon-glass"> glyphicon-glass </i>
                <i class="glyphicon glyphicon-music"> glyphicon-music </i>
                <i class="glyphicon glyphicon-search"> glyphicon-search </i>
                <i class="glyphicon glyphicon-heart"> glyphicon-heart </i>
                <i class="glyphicon glyphicon-star"> glyphicon-star </i>
                <i class="glyphicon glyphicon-star-empty"> glyphicon-star-empty </i>
                <i class="glyphicon glyphicon-user"> glyphicon-user </i>
                <i class="glyphicon glyphicon-film"> glyphicon-film </i>
                <i class="glyphicon glyphicon-th-large"> glyphicon-th-large </i>
                <i class="glyphicon glyphicon-th"> glyphicon-th </i>
                <i class="glyphicon glyphicon-th-list"> glyphicon-th-list </i>
                <i class="glyphicon glyphicon-ok"> glyphicon-ok </i>
                <i class="glyphicon glyphicon-remove"> glyphicon-remove </i>
                <i class="glyphicon glyphicon-zoom-in"> glyphicon-zoom-in </i>
                <i class="glyphicon glyphicon-zoom-out"> glyphicon-zoom-out </i>
                <i class="glyphicon glyphicon-off"> glyphicon-off </i>
                <i class="glyphicon glyphicon-signal"> glyphicon-signal </i>
                <i class="glyphicon glyphicon-cog"> glyphicon-cog </i>
                <i class="glyphicon glyphicon-trash"> glyphicon-trash </i>
                <i class="glyphicon glyphicon-home"> glyphicon-home </i>
                <i class="glyphicon glyphicon-file"> glyphicon-file </i>
                <i class="glyphicon glyphicon-time"> glyphicon-time </i>
                <i class="glyphicon glyphicon-road"> glyphicon-road </i>
                <i class="glyphicon glyphicon-download-alt"> glyphicon-download-alt </i>
                <i class="glyphicon glyphicon-download"> glyphicon-download </i>
                <i class="glyphicon glyphicon-upload"> glyphicon-upload </i>
                <i class="glyphicon glyphicon-inbox"> glyphicon-inbox </i>
                <i class="glyphicon glyphicon-play-circle"> glyphicon-play-circle </i>
                <i class="glyphicon glyphicon-repeat"> glyphicon-repeat </i>
                <i class="glyphicon glyphicon-refresh"> glyphicon-refresh </i>
                <i class="glyphicon glyphicon-list-alt"> glyphicon-list-alt </i>
                <i class="glyphicon glyphicon-lock"> glyphicon-lock </i>
                <i class="glyphicon glyphicon-flag"> glyphicon-flag </i>
                <i class="glyphicon glyphicon-headphones"> glyphicon-headphones </i>
                <i class="glyphicon glyphicon-volume-off"> glyphicon-volume-off </i>
                <i class="glyphicon glyphicon-volume-down"> glyphicon-volume-down </i>
                <i class="glyphicon glyphicon-volume-up"> glyphicon-volume-up </i>
                <i class="glyphicon glyphicon-qrcode"> glyphicon-qrcode </i>
                <i class="glyphicon glyphicon-barcode"> glyphicon-barcode </i>
                <i class="glyphicon glyphicon-tag"> glyphicon-tag </i>
                <i class="glyphicon glyphicon-tags"> glyphicon-tags </i>
                <i class="glyphicon glyphicon-book"> glyphicon-book </i>
                <i class="glyphicon glyphicon-bookmark"> glyphicon-bookmark </i>
                <i class="glyphicon glyphicon-print"> glyphicon-print </i>
                <i class="glyphicon glyphicon-camera"> glyphicon-camera </i>
                <i class="glyphicon glyphicon-font"> glyphicon-font </i>
                <i class="glyphicon glyphicon-bold"> glyphicon-bold </i>
                <i class="glyphicon glyphicon-italic"> glyphicon-italic </i>
                <i class="glyphicon glyphicon-text-height"> glyphicon-text-height </i>
                <i class="glyphicon glyphicon-text-width"> glyphicon-text-width </i>

            </div>
            <div class="bs-glyphicons col-lg-3">
               
                <i class="glyphicon glyphicon-eye-open"> glyphicon-eye-open </i>
                <i class="glyphicon glyphicon-eye-close"> glyphicon-eye-close </i>
                <i class="glyphicon glyphicon-warning-sign"> glyphicon-warning-sign </i>
                <i class="glyphicon glyphicon-plane"> glyphicon-plane </i>
                <i class="glyphicon glyphicon-calendar"> glyphicon-calendar </i>
                <i class="glyphicon glyphicon-random"> glyphicon-random </i>
                <i class="glyphicon glyphicon-comment"> glyphicon-comment </i>
                <i class="glyphicon glyphicon-magnet"> glyphicon-magnet </i>
                <i class="glyphicon glyphicon-chevron-up"> glyphicon-chevron-up </i>
                <i class="glyphicon glyphicon-chevron-down"> glyphicon-chevron-down </i>
                <i class="glyphicon glyphicon-retweet"> glyphicon-retweet </i>
                <i class="glyphicon glyphicon-shopping-cart"> glyphicon-shopping-cart </i>
                <i class="glyphicon glyphicon-folder-close"> glyphicon-folder-close </i>
                <i class="glyphicon glyphicon-folder-open"> glyphicon-folder-open </i>
                <i class="glyphicon glyphicon-resize-vertical"> glyphicon-resize-vertical </i>
                <i class="glyphicon glyphicon-resize-horizontal"> glyphicon-resize-horizontal </i>
                <i class="glyphicon glyphicon-hdd"> glyphicon-hdd </i>
                <i class="glyphicon glyphicon-bullhorn"> glyphicon-bullhorn </i>
                <i class="glyphicon glyphicon-bell"> glyphicon-bell </i>
                <i class="glyphicon glyphicon-certificate"> glyphicon-certificate </i>
                <i class="glyphicon glyphicon-thumbs-up"> glyphicon-thumbs-up </i>
                <i class="glyphicon glyphicon-thumbs-down"> glyphicon-thumbs-down </i>
                <i class="glyphicon glyphicon-hand-right"> glyphicon-hand-right </i>
                <i class="glyphicon glyphicon-hand-left"> glyphicon-hand-left </i>
                <i class="glyphicon glyphicon-hand-up"> glyphicon-hand-up </i>
                <i class="glyphicon glyphicon-hand-down"> glyphicon-hand-down </i>
                <i class="glyphicon glyphicon-circle-arrow-right"> glyphicon-circle-arrow-right </i>
                <i class="glyphicon glyphicon-circle-arrow-left"> glyphicon-circle-arrow-left </i>
                <i class="glyphicon glyphicon-circle-arrow-up"> glyphicon-circle-arrow-up </i>
                <i class="glyphicon glyphicon-circle-arrow-down"> glyphicon-circle-arrow-down </i>
                <i class="glyphicon glyphicon-globe"> glyphicon-globe </i>
                <i class="glyphicon glyphicon-wrench"> glyphicon-wrench </i>
                <i class="glyphicon glyphicon-tasks"> glyphicon-tasks </i>
                <i class="glyphicon glyphicon-filter"> glyphicon-filter </i>
                <i class="glyphicon glyphicon-briefcase"> glyphicon-briefcase </i>
                <i class="glyphicon glyphicon-fullscreen"> glyphicon-fullscreen </i>
                <i class="glyphicon glyphicon-dashboard"> glyphicon-dashboard </i>
                <i class="glyphicon glyphicon-paperclip"> glyphicon-paperclip </i>
                <i class="glyphicon glyphicon-heart-empty"> glyphicon-heart-empty </i>
                <i class="glyphicon glyphicon-link"> glyphicon-link </i>
                <i class="glyphicon glyphicon-phone"> glyphicon-phone </i>
                <i class="glyphicon glyphicon-pushpin"> glyphicon-pushpin </i>
                <i class="glyphicon glyphicon-usd"> glyphicon-usd </i>
                <i class="glyphicon glyphicon-gbp"> glyphicon-gbp </i>
                <i class="glyphicon glyphicon-sort"> glyphicon-sort </i>
                <i class="glyphicon glyphicon-sort-by-alphabet"> glyphicon-sort-by-alphabet </i>
                <i class="glyphicon glyphicon-sort-by-alphabet-alt"> glyphicon-sort-by-alphabet-alt </i>
                <i class="glyphicon glyphicon-sort-by-order"> glyphicon-sort-by-order </i>
                <i class="glyphicon glyphicon-sort-by-order-alt"> glyphicon-sort-by-order-alt </i>
                <i class="glyphicon glyphicon-sort-by-attributes"> glyphicon-sort-by-attributes </i>
                <i class="glyphicon glyphicon-sort-by-attributes-alt"> glyphicon-sort-by-attributes-alt </i>
                <i class="glyphicon glyphicon-unchecked"> glyphicon-unchecked </i>

               
 
            </div>
            <div class="bs-glyphicons col-lg-3">
                <i class="glyphicon glyphicon-floppy-disk"> glyphicon-floppy-disk </i>
                <i class="glyphicon glyphicon-floppy-saved"> glyphicon-floppy-saved </i>
                <i class="glyphicon glyphicon-floppy-remove"> glyphicon-floppy-remove </i>
                <i class="glyphicon glyphicon-floppy-save"> glyphicon-floppy-save </i>
                <i class="glyphicon glyphicon-floppy-open"> glyphicon-floppy-open </i>
                <i class="glyphicon glyphicon-credit-card"> glyphicon-credit-card </i>
                <i class="glyphicon glyphicon-transfer"> glyphicon-transfer </i>
                <i class="glyphicon glyphicon-cutlery"> glyphicon-cutlery </i>
                <i class="glyphicon glyphicon-header"> glyphicon-header </i>
                <i class="glyphicon glyphicon-compressed"> glyphicon-compressed </i>
                <i class="glyphicon glyphicon-earphone"> glyphicon-earphone </i>
                <i class="glyphicon glyphicon-phone-alt"> glyphicon-phone-alt </i>
                <i class="glyphicon glyphicon-tower"> glyphicon-tower </i>
                <i class="glyphicon glyphicon-stats"> glyphicon-stats </i>
                <i class="glyphicon glyphicon-sd-video"> glyphicon-sd-video </i>
                <i class="glyphicon glyphicon-hd-video"> glyphicon-hd-video </i>
                <i class="glyphicon glyphicon-subtitles"> glyphicon-subtitles </i>
                <i class="glyphicon glyphicon-sound-stereo"> glyphicon-sound-stereo </i>
                <i class="glyphicon glyphicon-sound-dolby"> glyphicon-sound-dolby </i>
                <i class="glyphicon glyphicon-sound-5-1"> glyphicon-sound-5-1 </i>
                <i class="glyphicon glyphicon-sound-6-1"> glyphicon-sound-6-1 </i>
                <i class="glyphicon glyphicon-sound-7-1"> glyphicon-sound-7-1 </i>
                <i class="glyphicon glyphicon-copyright-mark"> glyphicon-copyright-mark </i>
                <i class="glyphicon glyphicon-registration-mark"> glyphicon-registration-mark </i>
                <i class="glyphicon glyphicon-cloud-download"> glyphicon-cloud-download </i>
                <i class="glyphicon glyphicon-cloud-upload"> glyphicon-cloud-upload </i>
                <i class="glyphicon glyphicon-tree-conifer"> glyphicon-tree-conifer </i>
                <i class="glyphicon glyphicon-tree-deciduous"> glyphicon-tree-deciduous </i>
                <i class="glyphicon glyphicon-open"> glyphicon-open </i>
                <i class="glyphicon glyphicon-saved"> glyphicon-saved </i>
                <i class="glyphicon glyphicon-import"> glyphicon-import </i>
                <i class="glyphicon glyphicon-export"> glyphicon-export </i>
                <i class="glyphicon glyphicon-send"> glyphicon-send </i>
                <i class="glyphicon glyphicon-flash"> glyphicon-flash </i>
                <i class="glyphicon glyphicon-log-out"> glyphicon-log-out </i>
                <i class="glyphicon glyphicon-new-window"> glyphicon-new-window </i>
                <i class="glyphicon glyphicon-record"> glyphicon-record </i>
                <i class="glyphicon glyphicon-save"> glyphicon-save </i>
 				<i class="glyphicon glyphicon-collapse-up"> glyphicon-collapse-up </i>
                <i class="glyphicon glyphicon-log-in"> glyphicon-log-in </i>                                
                <i class="glyphicon glyphicon-expand"> glyphicon-expand </i>
                <i class="glyphicon glyphicon-collapse-down"> glyphicon-collapse-down </i>               
            </div>
            
            <div class="bs-glyphicons col-lg-3">
                <i class="glyphicon glyphicon-align-left"> glyphicon-align-left </i>
                <i class="glyphicon glyphicon-align-center"> glyphicon-align-center </i>
                <i class="glyphicon glyphicon-align-right"> glyphicon-align-right </i>
                <i class="glyphicon glyphicon-align-justify"> glyphicon-align-justify </i>
                <i class="glyphicon glyphicon-list"> glyphicon-list </i>
                <i class="glyphicon glyphicon-indent-left"> glyphicon-indent-left </i>
                <i class="glyphicon glyphicon-indent-right"> glyphicon-indent-right </i>
                <i class="glyphicon glyphicon-facetime-video"> glyphicon-facetime-video </i>
                <i class="glyphicon glyphicon-picture"> glyphicon-picture </i>
                <i class="glyphicon glyphicon-map-marker"> glyphicon-map-marker </i>
                <i class="glyphicon glyphicon-adjust"> glyphicon-adjust </i>
                <i class="glyphicon glyphicon-tint"> glyphicon-tint </i>
                <i class="glyphicon glyphicon-edit"> glyphicon-edit </i>
                <i class="glyphicon glyphicon-share"> glyphicon-share </i>
                <i class="glyphicon glyphicon-check"> glyphicon-check </i>
                <i class="glyphicon glyphicon-move"> glyphicon-move </i>
                <i class="glyphicon glyphicon-step-backward"> glyphicon-step-backward </i>
                <i class="glyphicon glyphicon-fast-backward"> glyphicon-fast-backward </i>
                <i class="glyphicon glyphicon-backward"> glyphicon-backward </i>
                <i class="glyphicon glyphicon-play"> glyphicon-play </i>
                <i class="glyphicon glyphicon-pause"> glyphicon-pause </i>
                <i class="glyphicon glyphicon-stop"> glyphicon-stop </i>
                <i class="glyphicon glyphicon-forward"> glyphicon-forward </i>
                <i class="glyphicon glyphicon-fast-forward"> glyphicon-fast-forward </i>
                <i class="glyphicon glyphicon-step-forward"> glyphicon-step-forward </i>
                <i class="glyphicon glyphicon-eject"> glyphicon-eject </i>
                <i class="glyphicon glyphicon-chevron-left"> glyphicon-chevron-left </i>
                <i class="glyphicon glyphicon-chevron-right"> glyphicon-chevron-right </i>
                <i class="glyphicon glyphicon-plus-sign"> glyphicon-plus-sign </i>    
                 <i class="glyphicon glyphicon-minus-sign"> glyphicon-minus-sign </i>
                <i class="glyphicon glyphicon-remove-sign"> glyphicon-remove-sign </i>
                <i class="glyphicon glyphicon-ok-sign"> glyphicon-ok-sign </i>
                <i class="glyphicon glyphicon-question-sign"> glyphicon-question-sign </i>
                <i class="glyphicon glyphicon-info-sign"> glyphicon-info-sign </i>
                <i class="glyphicon glyphicon-screenshot"> glyphicon-screenshot </i>
                <i class="glyphicon glyphicon-remove-circle"> glyphicon-remove-circle </i>
                <i class="glyphicon glyphicon-ok-circle"> glyphicon-ok-circle </i>
                <i class="glyphicon glyphicon-ban-circle"> glyphicon-ban-circle </i>
                <i class="glyphicon glyphicon-arrow-left"> glyphicon-arrow-left </i>
                <i class="glyphicon glyphicon-arrow-right"> glyphicon-arrow-right </i>
                <i class="glyphicon glyphicon-arrow-up"> glyphicon-arrow-up </i>
                <i class="glyphicon glyphicon-arrow-down"> glyphicon-arrow-down </i>
                <i class="glyphicon glyphicon-share-alt"> glyphicon-share-alt </i>
                <i class="glyphicon glyphicon-resize-full"> glyphicon-resize-full </i>
                <i class="glyphicon glyphicon-resize-small"> glyphicon-resize-small </i>
                <i class="glyphicon glyphicon-exclamation-sign"> glyphicon-exclamation-sign </i>
                <i class="glyphicon glyphicon-gift"> glyphicon-gift </i>
                <i class="glyphicon glyphicon-leaf"> glyphicon-leaf </i>
                <i class="glyphicon glyphicon-fire"> glyphicon-fire </i>           
            </div>            
        </div>
        <!-- /.row (nested) -->      
    </div><!-- End .panel body -->
</div>
<!-- End .panel -->
 
    
